<div class="navbox">
	<div class="title">Navigation</div>
	<div class="box">
		<dotnarnav
			ul="公司案例"
			li='[{"href":"#admin/caseup","a":"上传案例"},{"href":"#admin/casemanager","a":"案例管理"}]'
		></dotnarnav>

		<dotnarnav
			ul="最新动态"
			li='[{"href":"#admin/newsup","a":"发布动态"},{"href":"#admin/newsmanager","a":"动态管理"}]'
		></dotnarnav>

		<dotnarnav
			ul="入驻商家"
			li='[{"href":"#admin/newbus","a":"新建入驻商家"},{"href":"#admin/busmanager","a":"入驻商家管理"},{"href":"#admin/busdomain","a":"域名管理"}]'
		></dotnarnav>

		
		<dotnarnav
			ul="留言管理"
			li='[{"href":"#admin/reply","a":"留言回复"}]'
		></dotnarnav>
	</div>
</div>
<xmp type="tag" name="dotnarnav">
	<div class="nav-item">
		<div class="ul">${ul}</div>
		<div class="lis">
			{{#each ${li} }}
			<div class="li"><a href="{{href}}">{{a}}</a></div>
			{{/each}}
		</div>
	</div>
	<script type="text/vm">
		function(vm){
			var box=vm.queryElement({
				className:"nav-item"
			})[0];
			require(['jQuery'],function(){
				var ul=$(box).find('.ul')[0];
				var li=$(box).find('.li').length;
				var lis=$(box).find('.lis')[0];
				var i=1;
				$(ul).click(function(){
					$(lis).animate({
						height:40*li*(i%2)
					},300);
					i++;
				});
			})
		}
	</script>
</xmp>